<template>
    <div class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <template v-if="html">
            <div class="panel-body" v-html="html">
            </div>
        </template>
        <template v-else>
            <div class="panel-body">
                {{body}}
            </div>
        </template>

    </div>
</template>

<script>
    export default {
        name: "PanelComponent",
        props: ['title', 'body', 'html'],
        data() {
            return {};
        },
    }
</script>

<style scoped>

</style>